<template>
  <a-breadcrumb separator=":">
    <a-breadcrumb-item v-for="item in breadcrumbData" :key="item.href">
      <a :href="item.href">
        <component :is="item.icon" />
        <span>{{ item.label }}</span>
      </a>
    </a-breadcrumb-item>
  </a-breadcrumb>
</template>

<script setup>
import { ref } from "vue";
import { HomeOutlined } from "@ant-design/icons-vue";

const breadcrumbData = ref([{ href: "", icon: HomeOutlined, label: "" }]);
</script>
